@rem: 50rem;
html, body {
  width: 100%;
  height: 100%;
  box-sizing: border-box;
}

body {
  padding: 30/@rem 24/@rem;
  margin: 0;
}

.title_waringDetails {
  width: 100%;
  //height: 100/@rem;
  line-height: 50/@rem;
  margin-top: 50/@rem;
  font-size: 35/@rem;
  text-align: center;
  color: #ff090b;
  margin-bottom:80/@rem;
}

.subTitle_waringDetails {
  width: 100%;
  height: 60/@rem;
  line-height: 60/@rem;
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content: space-between;
  font-size: 25/@rem;
  border-bottom: 2px solid red;
  margin-bottom: 50/@rem;
  margin-top: 20/@rem;
}

.num_waringDetails {
  color: #ff090b;
}

.icon_waringDetails,.content_waringDetails,.text_waringDetails{
  display: -webkit-flex; /* Safari */
  display: flex;
  justify-content: center;
  align-content: center;
}

.icon_waringDetails {
  width: 300/@rem;
  flex-direction: column;
  padding:20/@rem;
  padding-bottom:0/@rem;

  img {
    width: 260/@rem;
    //height: 200/@rem;
    display: block;
    margin: 0 auto;
  }
  p {
    width: 100%;
    font-size: 30/@rem;
    color: #000;
    text-align: center;
    margin: 0;
    height: 80/@rem;
    line-height: 80/@rem;
  }
}

.content_waringDetails {
  flex-direction: row;
  border:1px solid black;
  flex-direction: row;
}
.text_waringDetails {
  padding:15/@rem;
  font-size: 20/@rem;
  color: #666;
  line-height: 40/@rem;
  marign: 0px;
  border-left:1px solid black;
  flex-direction: column;
}
.description_waringDetails{
  border:1px solid black;
  border-top:0;
  padding:30/@rem 20/@rem;
}
.footer_waringDetails,.description_waringDetails{


  font-size: 25/@rem;
  color: #666;
  line-height: 40/@rem;
}

